﻿<div class="row">
    <div class="span4">
        <div class="well">
            <h1>
                h1. Heading 1</h1>
            <h2>
                h2. Heading 2</h2>
            <h3>
                h3. Heading 3</h3>
        </div>
        <div class="btn-toolbar">
            <div class="btn-group open open">
                <a href="#" class="btn btn-info"><i class="icon-user icon-white"></i>User</a> <a
                    href="#" data-toggle="dropdown" class="btn btn-info dropdown-toggle"><span class="caret">
                    </span></a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="icon-pencil"></i>Edit</a></li>
                    <li class="active"><a href="#"><i class="icon-trash icon-white"></i>Delete</a></li>
                    <li><a href="#"><i class="icon-ban-circle"></i>Ban</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="i"></i>Make admin</a></li>
                </ul>
            </div>
            <div class="btn-group">
                <a href="#" class="btn btn-success"><i class="icon-shopping-cart icon-white"></i>Checkout</a>
            </div>
            <div class="btn-group">
                <a href="#" class="btn btn-danger"><i class="icon-trash icon-white"></i>Delete</a>
            </div>
        </div>
    </div>
    <div class="span4">
        <ul class="unstyled">
            <li><i class="icon-star"></i>icon-star</li>
            <li><i class="icon-star-empty"></i>icon-star-empty</li>
            <li><i class="icon-user"></i>icon-user</li>
            <li><i class="icon-film"></i>icon-film</li>
        </ul>
        <div class="progress progress-warning">
            <div style="width: 60%" class="bar">
            </div>
        </div>
        <fieldset class="form form-horizontal">
            <div class="control-group">
                <label for="focusedInput" class="control-label">
                    Focused input</label>
                <div class="controls">
                    <input type="text" value="This is focused…" id="focusedInput" class="input-xlarge focused">
                </div>
            </div>
            <div class="control-group">
                <label for="prependedInput" class="control-label">
                    Email</label>
                <div class="controls">
                    <div class="input-prepend">
                        <span class="add-on"><i class="icon-envelope"></i></span>
                        <input type="text" size="16" id="prependedInput" class="span2" placeholder="Email address">
                    </div>
                    <p class="help-block">
                        Here's some help text</p>
                </div>
            </div>
            <div class="form-actions">
                <button class="btn btn-primary" type="submit">
                    Save changes</button>
                <button class="btn">
                    Cancel</button>
            </div>
        </fieldset>
    </div>
</div>